/* 主色调 */
$blue: #3190e8; 
/* border-color */
$bc: #e4e4e4;
/* 字体颜色 */
$fc: #ffffff;

/* 背景图片地址和大小 */
@mixin bis($url) {
    background-image: url($url);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@mixin borderRadius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

/* 定位全屏 */
@mixin allcover {
    position: absolute;
    top: 0;
    right: 0;
}

/* 定位上下左右居中 */
@mixin center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 定位左右居中 */
@mixin cl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* 定位上下居中 */
@mixin ct {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* 宽高 */
@mixin wh($width, $height){
	width: $width;
	height: $height;
}

/* 字体大小、行高、字体 */
@mixin font($size, $line-height, $family: 'Microsoft YaHei'){
    font: #{$size}/#{$line-height} $family;
}

/* 字体大小，颜色 */
@mixin sc($size, $color){
    font-size: $size;
    color: $color
}

/* flex 布局和子元素 对齐方式 */
@mixin fj($type: space-between){
    display: flex;
    justify-content: $type
}